<script setup>
    import Header from '../common/header.vue'
    import Footer from '../common/footer.vue'
    import Banner from '../home/banner.vue'
    import Content from '../home/content.vue'
    import { ref } from 'vue';
    import axios from 'axios'

      
</script>

<template>
      <Header></Header>
  

  <main class="main-content js-main-content">
  

  <Banner></Banner>

<Content></Content>
<!--
  <div class="empty--contains-block">
      <div class="container block lazy come-in--bot entered come-in--animate" data-lazy-function="slideIn" data-ll-status="entered">
          <div class="block__content">
              <div class="numbers">
                  <div class="numbers__items padding--m" style="--noOfItems: 3">
                          <div class="numbers__item">
                                  <img src="https://static.komaspec.com/media/0y1o2otm/employees.svg" alt="Employees">

                              <div class="numbers__text">
                                      <span>超过</span>
                                                                          <span class="numbers__number">250</span>
                                                                          <span>名员工</span>
                              </div>
                          </div>
                          <div class="numbers__item">
                                  <img src="https://static.komaspec.com/media/lcwhtyzv/bracket.svg" alt="Bracket">

                              <div class="numbers__text">
                                      <span>每年我们生产超过</span>
                                                                          <span class="numbers__number">600万</span>
                                                                          <span>个成品和组件</span>
                              </div>
                          </div>
                          <div class="numbers__item">
                                  <img src="https://static.komaspec.com/media/y22jtyje/reverseengineer-icon-2x.png" alt="Reverse Engineering Icon" data-extentions-extra-ocr-id="fb2e986c73431506628b299da26ed78f">

                              <div class="numbers__text">
                                      <span>制造空间：</span>
                                                                          <span class="numbers__number">19万</span>
                                                                          <span>平方英尺</span>
                              </div>
                          </div>
                  </div>
              </div>
          </div>
      </div>
  </div>


  <div class="container three-blocks padding--m">
  <div class="three-blocks__item three-blocks__image">
      <div class="lazy entered loaded" data-bg="https://static.komaspec.com/media/yw1oov4h/factory.jpg" data-ll-status="loaded" style="background-image: url(&quot;https://static.komaspec.com/media/yw1oov4h/factory.jpg&quot;);"></div>
  </div>
<div class="three-blocks__item three-blocks__text-block">
              <div class="three-blocks__text richtext">
          <p class="nunito--light"><img src="https://static.komaspec.com/media/qkxijxwc/assembly.svg?width=40&amp;" alt="Contract Manufacturing" width="40"></p>
<p class="nunito--bold">定制解决方案</p>
<p class="nunito--light">无论您需要定制钣金件、部件加工还是成品，我们经验丰富的团队都能确保您的项目取得成功。</p>
<p><a href="/zh-hans/contact-us/" title="Contact Us" class="nunito--light btn">联系我们</a></p>
      </div>
</div>
  <div class="three-blocks__item three-blocks__image">
      <div class="lazy entered loaded" data-bg="https://static.komaspec.com/media/v3hpt3n5/cm-1.jpg" data-ll-status="loaded" style="background-image: url(&quot;https://static.komaspec.com/media/v3hpt3n5/cm-1.jpg&quot;);"></div>
  </div>
  </div>
<div class="container horizontal-icons padding--l">
  <div class="horizontal-icons__pretext">
          <h2>我们在内部进行生产，提供全套一站式服务</h2>
                  <p class="col-6 position--center">德大海康是一家领先的金属和塑料合约制造商，以垂直整合一体化的方式生产由钣金、管材以及塑料注塑部件制成的成品。</p>
                  <p>这意味着：</p>
  </div>
  <div class="horizontal-icons__wrapper col-10 position--center">
          <div class="horizontal-icons__item lazy come-in--top entered come-in--animate" data-lazy-function="slideIn" data-ll-status="entered">
                  <img class="horizontal-icons__icon lazy entered loaded" data-src="https://static.komaspec.com/media/wzddq3os/supply-chain.svg" alt="Supply Chain" data-extentions-extra-ocr-id="e3b0c44298fc1c149afbf4c8996fb924" data-ll-status="loaded" src="https://static.komaspec.com/media/wzddq3os/supply-chain.svg">
                                  <span class="horizontal-icons__text">更严格的供应链控制</span>
          </div>
          <div class="horizontal-icons__item lazy come-in--top entered come-in--animate" data-lazy-function="slideIn" data-ll-status="entered">
                  <img class="horizontal-icons__icon lazy entered loaded" data-src="https://static.komaspec.com/media/bzufhiz3/transparency.svg" alt="Contract Manufacturing" data-extentions-extra-ocr-id="e3b0c44298fc1c149afbf4c8996fb924" data-ll-status="loaded" src="https://static.komaspec.com/media/bzufhiz3/transparency.svg">
                                  <span class="horizontal-icons__text">更高的透明度</span>
          </div>
          <div class="horizontal-icons__item lazy come-in--top entered come-in--animate" data-lazy-function="slideIn" data-ll-status="entered">
                  <img class="horizontal-icons__icon lazy entered loaded" data-src="https://static.komaspec.com/media/gnpnaerj/cost-control.svg" alt="Cost Control" data-extentions-extra-ocr-id="e3b0c44298fc1c149afbf4c8996fb924" data-ll-status="loaded" src="https://static.komaspec.com/media/gnpnaerj/cost-control.svg">
                                  <span class="horizontal-icons__text">更好的成本控制</span>
          </div>
          <div class="horizontal-icons__item lazy come-in--top entered come-in--animate" data-lazy-function="slideIn" data-ll-status="entered">
                  <img class="horizontal-icons__icon lazy entered loaded" data-src="https://static.komaspec.com/media/3ykdqzon/lead-times.svg" alt="Lead Times" data-extentions-extra-ocr-id="e3b0c44298fc1c149afbf4c8996fb924" data-ll-status="loaded" src="https://static.komaspec.com/media/3ykdqzon/lead-times.svg">
                                  <span class="horizontal-icons__text">更短的交货时间</span>
          </div>
  </div>

      <a href="javascript:;" class="btn lazy come-in--bot" data-lazy-function="slideIn">立即联系我们</a>
</div>
  <div class="container solutions padding--l">
          <span class="solutions__label">解决方案</span>
                  <h3 class="solutions__title col-8">由钣金、管材以及注塑零件构成的总承包（交钥匙）合同制造。</h3>

      <div class="solutions__wrapper">
              <div class="solutions__item lazy" data-bg-img="https://static.komaspec.com/media/5gxer0o0/assembly-image.png" data-bg-img-mobile="https://static.komaspec.com/media/0kcdnrhm/contract-assembly.jpg" data-lazy-function="loadBgImage">
                  <a href="/zh-hans/product-assembly-service-china/" class="solutions__card lazy come-in--bot" data-lazy-function="slideIn">
                          <div class="solutions__card-header">
                                  <img data-src="https://static.komaspec.com/media/qkxijxwc/assembly.svg" class="solutions__icon lazy" alt="https://static.komaspec.com/media/qkxijxwc/assembly.svg" data-extentions-extra-ocr-id="e3b0c44298fc1c149afbf4c8996fb924">

                                  <span class="solutions__name">组装装配</span>
                          </div>

                          <p class="solutions__text">成品组装的合约制造服务。</p>
                                                  <span class="solutions__learn-more">了解更多</span>
                  </a>
              </div>
              <div class="solutions__item lazy" data-bg-img="https://static.komaspec.com/media/0mulgab0/pipe-image.png" data-bg-img-mobile="https://static.komaspec.com/media/trmpau1c/tube-pipe-manufacturing.jpg" data-lazy-function="loadBgImage">
                  <a href="/zh-hans/tube-pipe-part-fabrication-china/" class="solutions__card lazy come-in--bot" data-lazy-function="slideIn">
                          <div class="solutions__card-header">
                                  <img data-src="https://static.komaspec.com/media/3pkjmzj5/pipe-and-tube.svg" class="solutions__icon lazy" alt="https://static.komaspec.com/media/3pkjmzj5/pipe-and-tube.svg" data-extentions-extra-ocr-id="e3b0c44298fc1c149afbf4c8996fb924">

                                  <span class="solutions__name">管材加工</span>
                          </div>

                          <p class="solutions__text">针对小到大批量订单提供管材加工服务。</p>
                                                  <span class="solutions__learn-more">了解更多</span>
                  </a>
              </div>
              <div class="solutions__item lazy" data-bg-img="https://static.komaspec.com/media/slwbk0i4/stamping-image.png" data-bg-img-mobile="https://static.komaspec.com/media/le3lnwjt/metal-stamping.jpg" data-lazy-function="loadBgImage">
                  <a href="/zh-hans/custom-metal-stamping-parts-china/" class="solutions__card lazy come-in--bot" data-lazy-function="slideIn">
                          <div class="solutions__card-header">
                                  <img data-src="https://static.komaspec.com/media/yzheb5tz/stamping.svg" class="solutions__icon lazy" alt="https://static.komaspec.com/media/yzheb5tz/stamping.svg" data-extentions-extra-ocr-id="e3b0c44298fc1c149afbf4c8996fb924">

                                  <span class="solutions__name">冲压成型</span>
                          </div>

                          <p class="solutions__text">针对中到大批量订单提供冲压和级进式模具服务。</p>
                                                  <span class="solutions__learn-more">了解更多</span>
                  </a>
              </div>
              <div class="solutions__item lazy" data-bg-img="https://static.komaspec.com/media/tjtdptta/plasticinjection-images.png" data-bg-img-mobile="https://static.komaspec.com/media/hk5dncyn/plastic-injection.jpg" data-lazy-function="loadBgImage">
                  <a href="/zh-hans/plastic-product-manufacturing-china/" class="solutions__card lazy come-in--bot" data-lazy-function="slideIn">
                          <div class="solutions__card-header">
                                  <img data-src="https://static.komaspec.com/media/onrntxax/plasticinjection.svg" class="solutions__icon lazy" alt="https://static.komaspec.com/media/onrntxax/plasticinjection.svg" data-extentions-extra-ocr-id="e3b0c44298fc1c149afbf4c8996fb924">

                                  <span class="solutions__name">注塑成型</span>
                          </div>

                          <p class="solutions__text">针对小到大批量订单提供注塑成型件制造和组装服务。</p>
                                                  <span class="solutions__learn-more">了解更多</span>
                  </a>
              </div>
              <div class="solutions__item lazy" data-bg-img="https://static.komaspec.com/media/ivjk14jg/sheetmetal-image.png" data-bg-img-mobile="https://static.komaspec.com/media/2rnhixq5/sheet-metal-parts.jpg" data-lazy-function="loadBgImage">
                  <a href="/zh-hans/contract-manufacturing/sheet-metal-fabrication/" class="solutions__card lazy come-in--bot" data-lazy-function="slideIn">
                          <div class="solutions__card-header">
                                  <img data-src="https://static.komaspec.com/media/n0kap1sn/sheetmetal.svg" class="solutions__icon lazy" alt="https://static.komaspec.com/media/n0kap1sn/sheetmetal.svg" data-extentions-extra-ocr-id="e3b0c44298fc1c149afbf4c8996fb924">

                                  <span class="solutions__name">钣金加工</span>
                          </div>

                          <p class="solutions__text">针对中到大批量订单提供定制钣金加工服务。</p>
                                                  <span class="solutions__learn-more">了解更多</span>
                  </a>
              </div>
              <div class="solutions__item lazy" data-bg-img="https://static.komaspec.com/media/jeiefatz/lasercutting-image.png" data-bg-img-mobile="https://static.komaspec.com/media/jaglbm2z/laser-cutting.jpg" data-lazy-function="loadBgImage">
                  <a href="/zh-hans/contract-manufacturing/laser-cutting/" class="solutions__card lazy come-in--bot" data-lazy-function="slideIn">
                          <div class="solutions__card-header">
                                  <img data-src="https://static.komaspec.com/media/yk0nqjqv/lasercutting.svg" class="solutions__icon lazy" alt="https://static.komaspec.com/media/yk0nqjqv/lasercutting.svg" data-extentions-extra-ocr-id="e3b0c44298fc1c149afbf4c8996fb924">

                                  <span class="solutions__name">激光切割</span>
                          </div>

                          <p class="solutions__text">精密激光切割和 CNC 数控折弯制造服务。</p>
                                                  <span class="solutions__learn-more">了解更多</span>
                  </a>
              </div>
      </div>
  </div>

-->
      

  </main>

  <Footer></Footer>
</template>    

<style  lang="less">

.t-l{
        text-align: left;
}
.t-c{
        text-align: center;
}
</style>